<template>
<div class="ECP">
  <ul class="header__tab">
    <nuxt-link class="header__tab__item" exact-active-class="header__tab__item__active" tag="li" to="/permission">编辑用户</nuxt-link>
    <nuxt-link class="header__tab__item" exact-active-class="header__tab__item__active" tag="li" to="/permission/group">用户组权限</nuxt-link>
  </ul>
  <!-- <el-tabs  v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="编辑用户" class="box-card" name="first">
      <permission-per/>
    </el-tab-pane>
    <el-tab-pane label="用户组权限" name="second">
    </el-tab-pane>
  </el-tabs> -->
</div>
</template>

<script>
  // 编辑用户模块
  import PermissionPer from '~/components/permission/permissionPer.vue'
  import { getSupplyShopInfo } from '~/api/'
  export default {
    components: {
      PermissionPer
    },
    data() {
      return {
        activeName: 'first'
      }
    },
    beforeMount () {
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  }
</script>

<style lang="scss" scoped>
.ECP /deep/ .el-tabs__content {
  padding-top: 5px;
  padding-bottom: 10px;
}
.box-card {
  background-color: #f5f6fa;
  border-radius: 0 20px 20px 0;
  margin-right: 41px;
  box-shadow: 3px 5px 8px 0 #ccc;
}
</style>
